Google's design system: Material Design Google 的設計系統：Material Design

什麼是 Material Design？

Material Design是 Google 推出的設計指南，幫助設計師和開發者做出好看、好用的應用和網站。

Google 內部還有一個自己用的版本，叫做Google Material。

為什麼新手設計師要學習設計系統？

• 可以學到基礎的設計方法

• 提供可以重複使用的設計元件

• 幫助你瞭解一致性、使用者體驗、可訪問性等重要概念

Material Design 網站內容介紹（material.io）

1.首頁

• 可以看到最新訊息和更新

• 第一次訪問時可以先瀏覽首頁

2.入門

分為 4 個部分：

• 什麼是 Material

• 如何使用 Material

• 設計

• 開發

推薦：Material Figma Design Kit（包含現成的設計元件，可以直接在 Figma 中使用）

3.開發

• 給開發者看的：有 Android、Flutter、Web 的開發文件和程式碼示例

• 設計師瞭解一下也有幫助，方便和開發者溝通

4.基礎

• 講解設計系統的基本理念，比如可訪問性、自適應設計等

• 新手必看，包括手勢、文字輸入、排版等基礎知識

• 還有一個「Material A-Z」術語表，很實用

5. 樣式

• 介紹顏色、陰影、圖示、動畫、形狀、文字排版等的使用方法

• 也有高階內容：動態顏色、動效設計等

6. 元件

這是最實用的部分，可以快速找到需要的介面元件：按功能分類：

• 動作類

• 溝通類

• 容器類

• 導航類

• 選擇類

• 文字輸入類

• 每個元件都有使用說明、設計規範、示例圖和程式碼